<script setup>
import { HeaderLogo } from '@/layouts/components/index.js'
</script>

<template>
  <AppCard
    class="h-60 flex px-12"
    border-b="1px solid light_border dark:dark_border"
  >
    <div class="flex flex-1 items-center">
      <HeaderLogo class="m-r-20" />
      <span class="line-clamp-1 font-size-18 color-primary fw-medium">创作者中心</span>
    </div>
    <div class="flex flex-1 items-center justify-end">
      <Avatar />
    </div>
  </AppCard>
</template>

<style scoped></style>
